<!-- 頂部導航-->
<div class="navbar navbar-fixed-top main-nav" role="navigation">
  <div class="container" >
    <div class="navbar-header">
      <button class="navbar-toggle" type="button"  
      data-toggle="collapse" data-target=".navbar-responsive-collapse
      ">
        <span class="sr-only " >Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
      </button>
      <a routerLink="/" class="navbar-brand navbar-brand-my" >
                NiceFish
       </a>
    </div>

    <div class="collapse navbar-collapse navbar-responsive-collapse" aria-expanded="false">
      <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a routerLink="">动态</a>
                </li>
                <li class="dropdown">
                    <a routerLink="map">高德地图</a>
                </li>
                <li class="dropdown">
                    <a routerLink="jquery">集成jQuery</a>
                </li>
                <li class="dropdown">
                    <a routerLink="jsplumb">集成jsplumb</a>
                </li>
                <li class="dropdown">
                    <a href="http://git.oschina.net/mumu-osc/NiceFish" data-toggle="dropdown" class="dropdown-toggle" target="_blank">NiceFish</a>
                </li>
                <li class="dropdown">
                    <a href="http://git.oschina.net/zt_zhong/CodeBe" data-toggle="dropdown" class="dropdown-toggle" target="_blank">CodeBe</a>
                </li>
       </ul>
       <ul class="nav navbar-nav navbar-right">
         <li class="dropdown">
           <a routerLink="login">登陆</a>
         </li>
         <li class="dropdown">
           <a routerLink="regis">注册</a>
         </li>
       </ul>
    </div>
  </div>
</div>

<!-- 主体内容区域 -->
<div class="container main-container">
    <router-outlet></router-outlet>
</div>

<!-- 底部区域 -->
<div class="footer bs-footer">
    <div class="container">
        <div class="row">
            <p>
                Powered by <a href="#" target="_blank">MENG HONG LIN</a>
            </p>
        </div>
    </div>
</div>

